<template>
  <div class="app">
   
    <panel>
      <template v-slot:title>
        <h4>静夜思</h4>
      </template>
      <!-- 默认情况下都是给默认插槽传递的数据 -->
      <!-- 现在插槽如果有名字，你就需要指定插槽的名字 -->
      <template v-slot:content>
        <p>床前明月光</p>
        <p>疑是地上霜</p>
        <p>举头望明月</p>
        <p>低头思故乡</p>
      </template>
    </panel>



    <panel /> 


    <panel>
      <template v-slot:title>
        <h4>无题</h4>
      </template>

      <template v-slot:content>
        <p>今天天气十分好</p>
        <p>利群来到桃花岛</p>
        <p>看到彭林在洗澡</p>
        <p>抱起彭林赶紧跑</p>
      </template>
    </panel>
   
  </div>
</template>

<script>
import panel from "./components/panel";

export default {
  components: {
    panel,
  },
};
</script>

<style>
</style>